@import (reference) '~@/assets/css/variables';


.node_detail {
  position: absolute;
  right: -511px;
  top: 49px;
  z-index: 1;
  width: 460px;
  height: calc(100% - 106px);
  overflow-y: auto;
  border-left: 1px solid @gray-200;
  background: @white;
  transition: right linear .25s;
  &.spread {
    right: 51px;
    transition: right linear .25s;
  }
  .node_detail_column {
    height: 48px;
    line-height: 48px;
    padding-left: 24px;
    border-bottom: 1px solid @gray-200;
    font-size: 14px;
    color: @gray-600;
  }
  .container {
    padding: 24px;
    height: calc(100% - 48px);
    //overflow-y: auto;
    box-sizing: border-box;
    .time_line {
      padding-top: 6px;
      margin-top: 16px;
      height: calc(100% - 70px);
      //background: hotpink;
      overflow-y: auto;
      .time {
        font-size: 14px;
        font-weight: bold;
        color: @gray-700;
      }
      .cont {
        margin-top: 8px;
        padding: 6px 11px;
        line-height: 19px;
        border-radius: 2px;
        word-break: break-all;
        font-size: 14px;
        background: #F5F6F7;
        color: @gray-700;
      }
      .empty_box {
        width: 129px;
        margin: 80px auto;
        .empty_img {
          width: 129px;
          height: 80px;
        }
        .note {
          text-align: center;
          margin-top: 16px;
          font-size: 14px;
          color: @gray-600;
        }
      }
    }
    .pagination {
      margin-top: 10px;
    }
  }
}
